<template>
  <div class="deliverySetting">
    <region-city
      :picked-city="pickedCity"
      :show-close-btn="true"
      @on-pick-city="pickedCity = $event"
    />

    {{ pickedCity }}
    <!-- <div v-for="item in pickedCity" :key="item.id" class="">
      <div>{{ item.shortName }} : {{ item.name }}</div>
    </div> -->
  </div>
</template>

<script>
import regionCity from '@/components/regions/regionCity'
export default {
  name: 'City',
  components: {
    regionCity
  },
  data() {
    return {
      pickedCity: []
    }
  },
  methods: {
    onPickCity(value) {
      console.log('选择的数据', value)
    }
  }
}
</script>

<style scoped lang="scss">
.deliverySetting {
  background-color: #fff;
  padding: 30px 20px 20px 20px;
  height: 80vh;
}
</style>
